<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/rec";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="author" content="pixelcave">
	<meta name="robots" content="noindex, nofollow">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>注册</title>
		<!-- Icons -->
	<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
	<link rel="shortcut icon" href="<%= filePath %>/lexyui/img/favicons/favicon.png">
	
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-160x160.png" sizes="160x160">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-192x192.png" sizes="192x192">
	
	<link rel="apple-touch-icon" sizes="57x57" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-180x180.png">
	<!-- END Icons -->
	
	<!-- Stylesheets -->
	<!-- Web fonts -->
	<!-- 
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	 -->	
	
	<!-- Bootstrap and OneUI CSS framework -->
	<link rel="stylesheet" href="<%=filePath %>/lexyui/assets/css/bootstrap.min.css">
	<link rel="stylesheet" id="css-main" href="<%=filePath %>/lexyui/assets/css/oneui.css">
    <link rel="stylesheet" type="text/css" href="<%=filePath %>/plugs/webuploader/css/webuploader.css" />
    <link rel="stylesheet" type="text/css" href="<%=filePath %>/plugs/webuploader/css/style.css" />
    
    <style type="text/css">
    .items{cursor: pointer;}
    .items:hover{
    	z-index:9999;
    	background-color: blue;
    }
    .mb{padding: 5px;}
    </style>
</head>
<body>
		
		<main id="main-container">
            <!-- Page Content -->
            <div class="content content-boxed">
                <!-- User Header -->
                <div class="block">
                    <!-- Basic Info -->
                    <div class="bg-image" style="background-image: url('assets/img/photos/photo6@2x.jpg');">
                        <div class="block-content bg-primary-dark-op text-center overflow-hidden">
                            <div class="push-30-t push animated fadeInDown">
                                <img class="img-avatar img-avatar96 img-avatar-thumb" src="assets/img/avatars/avatar4.jpg" alt="">
                            </div>
                            <div class="push-30 animated fadeInUp">
                                <h2 class="h4 font-w600 text-white push-5">Sara Holland</h2>
                                <h3 class="h5 text-gray">Web Designer</h3>
                            </div>
                        </div>
                    </div>
                    <!-- END Basic Info -->

                    <!-- Stats -->
                    <div class="block-content text-center">
                        <div class="row items-push text-uppercase">
                            <div class="col-xs-6 col-sm-3">
                                <div class="font-w700 text-gray-darker animated fadeIn">Sales</div>
                                <a class="h2 font-w300 text-primary animated flipInX" href="javascript:void(0)">22000</a>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="font-w700 text-gray-darker animated fadeIn">Products</div>
                                <a class="h2 font-w300 text-primary animated flipInX" href="javascript:void(0)">16</a>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="font-w700 text-gray-darker animated fadeIn">Followers</div>
                                <a class="h2 font-w300 text-primary animated flipInX" href="javascript:void(0)">2600</a>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="font-w700 text-gray-darker animated fadeIn">3603 Ratings</div>
                                <div class="text-warning push-10-t animated flipInX">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END Stats -->
                </div>
                <!-- END User Header -->

                <!-- Main Content -->
                <div class="row">
                        <!-- Timeline -->
                        <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                                 <div>
                                 	<div id ="add-mb" class="items" data-toggle="modal"  onclick="fileUploadModal()" > <!-- data-target="#modal-signup-terms" -->
                                  	<img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/add.png" alt="">
                                 	</div>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                             	<div class="items">
                                 	<img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/123.jpg" alt="">
                             	</div>
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                                 <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/123.jpg" alt="">
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                                 <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/000.jpg" alt="">
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb" >
                                 <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/123.jpg" alt="">
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                                  <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/123.jpg" alt="">
                             </div>
                         </div>
                     </div>
                     <div class="col-sm-2 ">
                         <div class="block" id="my-block">
                             <div class="block-content mb">
                                  <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/123.jpg" alt="">
                             </div>
                         </div>
                     </div>
                </div>
                <!-- END Main Content -->
            </div>
            <!-- END Page Content -->
            
            <!-- Terms Modal -->
<div class="modal fade" id="modal-signup-terms" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog   modal-lg modal-dialog-popout " >
		<div class="modal-content">
			<!-- <div class="block block-themed block-transparent remove-margin-b">
				<div class="block-header bg-primary-dark">
					<ul class="block-options">
						<li>
							<button data-dismiss="modal" type="button">
								<i class="si si-close"></i>
							</button>
						</li>
					</ul>
					<h3 class="block-title">Terms &amp; Conditions</h3></div>
				<div class="block-content" id="tt">
					
				</div>
			</div> -->
			<!-- <div class="modal-footer">
				<button class="btn btn-sm btn-default" type="button" data-dismiss="modal">Close</button>
				<button class="btn btn-sm btn-primary" type="button" data-dismiss="modal">
					<i class="fa fa-check"></i>I agree</button>
			</div> -->
		</div>
	</div>
</div>
<!-- END Terms Modal -->
            
            
        </main>
		
		
		
		<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/bootstrap.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.appear.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.countTo.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/jquery.placeholder.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/core/js.cookie.min.js"></script>
        <script src="<%=filePath %>/lexyui/assets/js/app.js"></script>
        
        <%-- <script type="text/javascript" src="<%=filePath %>/plugs/webuploader/js/webuploader.js"></script>
    	<script type="text/javascript" src="<%=filePath %>/plugs/webuploader/js/upload.js"></script> --%>
    	<script type="text/javascript">
    		$(function(){
    			
    			$('#modal-signup-terms').on('shown.bs.modal', function () {
    				uploader.refresh();
   				})
   				$("#add-mb").click(function(){
	   				$("#modal-signup-terms").modal({
	                     remote: "<%=filePath %>/lexyui/rec_upload_file.jsp"
	                });
   				})
   				$("#modal-signup-terms").on("hidden.bs.modal", function() {
   			        $(this).removeData("bs.modal");
   			    });
    		})
    		
    		
		
			$(function(){
				$("#menu li a").click(function(){
					$("#J_iframe").attr("src",$(this).attr("name"));
				})
			})
			function setIframeHeight(iframe) {
				if (iframe) {
					var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
					if (iframeWin.document.body) {
						iframe.height = (iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight)+100;
					}
				}
			};
			window.onload = function () {
				setIframeHeight(document.getElementById('J_iframe'));
			};
    		
    	</script>
</body>
</html>